<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情页</title>
    <link rel="stylesheet" href="css/天猫详情页.css"/>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/xqy.js"></script>
</head>
<body>
<div class="head">
    <div class="box1">
        <div class="head-lt">
            <p>
                <i><img src="img/1.png" alt=""/></i>
                <a href="天猫首页.html">天猫首页</a>
            </p>
            <p style="color: #999">喵，欢迎来到天猫</p>
            <p><a href="javascript:void (0)">请登录</a></p>
            <p><a href="javascript:void (0)">免费注册</a></p>
        </div>
        <div class="head-rt">
            <ul>
                <li><a href="javascript:void (0)">我的淘宝<b></b></a></li>
                <li><i><img src="img/2.png" alt=""/></i><a href="javascript:void (0)">我关注的品牌</a></li>
                <li><i><img src="img/3.png" alt=""/></i><a href="天猫购物车.html">购物车0件</a></li>
                <li><a href="javascript:void (0)">收藏夹<b></b></a></li>
                <li><i><img src="img/4.png" alt=""/></i><a href="javascript:void (0)">手机版</a></li>
                <li><a href="javascript:void (0)">淘宝网</a></li>
                <li><a href="javascript:void (0)">企业购</a></li>
                <li><a href="javascript:void (0)">商家支持<b></b></a></li>
                <li><i><img src="img/5.png" alt=""/></i><a href="javascript:void (0)">网站导航<b></b></a></li>
            </ul>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="nav">
    <div class="box1">
        <div class="nav-lt">
            <h1>天猫Tmall.com</h1>
            <div class="shopexa">
                <div class="shoplt">
                    <p>库克森旗舰店</p>
                    <p><img src="img/8.png" alt=""/><img src="img/6.png" alt=""/></p>
                </div>
                <div class="shoprt">
                    <img src="img/a.png" alt=""/>
                </div>

            </div>
            <div class="shopwp">
                <p>手机逛</p>
                <img src="img/7.png" alt=""/>
            </div>
            <div class="clearfix"></div>

        </div>
        <div class="nav-rt">
            <p>
                <span class="span1"><input type="text" placeholder="家电好货超低价"/></span><span class="span2">搜天猫</span><span class="span3">搜本店</span>
            </p>
            <ul>
                <li><a href="javascript:void (0)">飞行员夹克</a></li>
                <li><a href="javascript:void (0)">夹克</a></li>
                <li><a href="javascript:void (0)">男士外套</a></li>
                <li><a href="javascript:void (0)">外套男</a></li>
                <li><a href="javascript:void (0)">棒球服</a></li>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<div class="tp-shop">
    <div class="nav-img">
        <img src="img/T1.jpg" alt=""/>
        <h2>库克森旗舰店</h2>
    </div>
    <div class="skin">
        <div class="skin-cars"><span>本店所有商品</span><i></i></div>
        <p>首页</p>
    </div>
</div>
<!--         -->


<div class="box">
<div class="dm-clear">
    <div class="gallery">
        <div class="gallery-lt">
            <div class="itse">
                <img src="img/sm-00.jpg" alt=""/>
            </div>
            <ul class="thumb">
                <li class="thumb1"><img src="img/min-00.jpg" alt=""/></li>
                <li><img src="img/min-00.jpg" alt=""/></li>
                <li><img src="img/min-01.jpg" alt=""/></li>
                <li><img src="img/min-02.jpg" alt=""/></li>
                <li><img src="img/min-03.jpg" alt=""/></li>
                <div class="clearfix"></div>
            </ul>
            <p><img src="img/jia6.png" alt=""/></p>
        </div>
        <div class="gallery-rt">
            <div class="td-hd">
                <h1 data-spm="1000983">
                    飞行员夹克男加厚 青年大码春秋季工装潮刺绣棒球服男款夹克外套
                </h1>
                <p class="newp">
                    同款加棉不 加价
                </p>
            </div>
            <div class="td-panel">
                <div class="md-coupon">
                    <img src="img/TB1okcB.png" alt=""/>全天猫实物商品通用
                    <span><a href="">去刮卷 ></a></span>
                </div>
                <div class="md-price">
                    <span class="price1">价格</span>
                    <span class="price2">￥198.00</span>
                </div>
                <div class="md-promo">
                    <span class="promo1">促销价</span>
                    <span class="promo2"><em>￥</em>148.00</span>
                    <span class="promo3">赠送运费险</span>
                </div>
                <p class="mg-phone">
                    <span class="phoneprice">想￥146.00拿下？</span>
                    <span class="qrtrigger">手机天猫购买更便宜</span>
                </p>
            </div>
            <div class="td-meat">
                <span class="meat-1">运费</span>
                <span about="meat-2">北京 至 北京 >快递0.00</span>
            </div>
            <ul class="tm-ind">
                <li>月销量<span>1204</span></li>
                <li>累计评价<span>1204</span></li>
                <li>送天猫积分<span>1204</span></li>
                <div class="clearfix"></div>
            </ul>
            <div class="tb-sku">
                <span class="sku1">尺码</span>
                <ul>
                    <li class="sku2"><a href="javascript:void (0)">S</a></li>
                    <li><a href="javascript:void (0)">M</a></li>
                    <li><a href="javascript:void (0)">L</a></li>
                    <li><a href="javascript:void (0)">XL</a></li>
                    <li><a href="javascript:void (0)">2XL</a></li>
                    <li><a href="javascript:void (0)">3XL</a></li>
                </ul>
            </div>
            <div class="tm-img">
                <span class="sku1">颜色</span>
                <ul>
                    <li class="sku2"><a href="javascript:void (0)"><img src="img/jia2.jpg" alt=""/></a></li>
                    <li><a href="javascript:void (0)"><img src="img/jia1.jpg" alt=""/></a></li>
                    <li><a href="javascript:void (0)"><img src="img/jia3.jpg" alt=""/></a></li>
                    <li><a href="javascript:void (0)"><img src="img/jia4.jpg" alt=""/></a></li>
                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="td-amount">
                <span class="sku1">数量</span>
                <div class="amount-widgrt">
                    <input type="text" class="mui-amount-input" value="1" maxlength="8" title="请输入购买量">
                    <span class="mui-amount-btn">
                        <a href="javascript:void (0)" class="btn1">+</a>
                        <a href="javascript:void (0)" class="btn2">-</a>
			        </span>
                    <span class="mui-amount-unit">件</span>
                    <em id="J_EmStock" class="tb-hidden" style="display: inline;">库存251件</em>

                </div>
            </div>
            <div class="tb-action">
                <div class="tb-btn-buy tb-btn-sku">
                    <a id="J_LinkBuy" href="#" rel="nofollow" data-addfastbuy="true" title="点击此按钮，到下一步确认购买信息。" role="button">立即购买<span class="ensureText">确认</span></a>
                </div>
                <div class="tb-btn-basket tb-btn-sku "><a href="#" rel="nofollow" id="J_LinkBasket" role="button">加入购物车</a></div>
                <div class="clearfix"></div>
            </div>
            <div class="tm-ser">
                <img src="img/2U.png" alt=""/>
                <div class="tm-ser-p"></div>
                <img src="img/3u.png" alt="" class="imgu"/>
            </div>

        </div>
        <div class="clearfix"></div>

    </div>
    <div class="center">
        <div class="cen-lt">
            <img src="img/cen1.png" alt=""/>
            <img src="img/cen2.png" alt=""/>
            <img src="img/cen3.png" alt=""/>
            <img src="img/cen4.png" alt=""/>
           <ul>
               <li class="cen-1">销售量</li>
               <li class="cen-2">收藏量</li>
           </ul>
            <div class="clearfix"></div>
            <div class="cen-3">
                <img src="img/cen5.png" alt="" class="cenimg1"/>
                <img src="img/cen6.png" alt="" class="cenimg2"/>
                <a href="javascript:void (0)">查看更多宝贝</a>
            </div>

        </div>
        <div class="cen-rt">
            <div class="cen-rt-top">
                <ul>
                    <li>商品详情</li>
                    <li>规格参数</li>
                    <li>累计评价1980</li>
                </ul>
            </div>
            <div class="li1">
                <img src="img/xi1.png" alt=""/>
                <img src="img/xi2.jpg" alt=""/>
                <img src="img/xi3.jpg" alt=""/>
                <img src="img/xi4.jpg" alt=""/>
                <img src="img/xi5.jpg" alt=""/>
                <img src="img/xi6.jpg" alt=""/>
                <img src="img/xi7.jpg" alt=""/>
                <img src="img/xi8.jpg" alt=""/>
                <img src="img/xi9.jpg" alt=""/>
                <img src="img/xi10.jpg" alt=""/>
                <img src="img/xi11.jpg" alt=""/>
                <img src="img/xi12.jpg" alt=""/>
                <img src="img/xi13.jpg" alt=""/>
                <img src="img/eq (1).png" alt="" style="margin-top: 50px"/>
                <img src="img/eq (2).png" alt=""/>
                <img src="img/eq (3).png" alt=""/>
                <img src="img/eq (4).png" alt=""/>
                <img src="img/eq (5).png" alt=""/>
                <img src="img/eq6 (1).png" alt=""/>
                <img src="img/eq6 (2).png" alt=""/>

            </div>
            <div class="li2">
                <img src="img/bbc (1).png" alt=""/>
                <img src="img/bbc (2).png" alt=""/>
                <img src="img/bbc (3).png" alt=""/>
                <img src="img/bbc (4).png" alt=""/>
                <img src="img/bbc (5).png" alt=""/>
                <img src="img/eq6 (2).png" alt=""/>
            </div>
            <div class="li3">
                <img src="img/pin.png" alt=""/>
                <img src="img/eq (3).png" alt=""/>
                <img src="img/eq (4).png" alt=""/>
                <img src="img/eq (5).png" alt=""/>
                <img src="img/eq6 (1).png" alt=""/>
                <img src="img/eq6 (2).png" alt=""/>
            </div>
        </div>
    </div>
    
</div>
<div class="rt-clear">
    <img src="img/TVT4O.png" alt="" class="dmimg1"/>
    <img src="img/4u.png" alt="" class="dmimg2"/>
    <div class="butn">
        <img src="img/5FVH (1).png" alt="" class="butn1"/>
        <img src="img/5FVH (2).png" alt="" class="butn2"/>
    </div>
</div>
</div>

<div class="top">
    <img src="img/to.png" alt=""/>
</div>



</body>
</html>